<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta name="description" content="" />
        <meta name="keywords" content="" />
        
        <title>Я-Легенда - Моя страница</title>
        <link rel="stylesheet" type="text/css" href="css/stylesheet.css" />
        <link rel="stylesheet" type="text/css" href="css/main_style.css" />
        <link rel="stylesheet" type="text/css" href="css/popup.css" />
        <link rel="stylesheet" type="text/css" href="css/fineuploader.css" />
        <script src="js/main.js" />
        <!--[if lte IE 7]>
            <meta http-equiv="refresh" content="0;url=naxyj.html" />
        <![endif]-->
        <!--[if lt IE 9]>
            <script>
                var e = ("article,aside,figcaption,figure,footer,header,hgroup,nav,section,time").split(',');
                    for (var i = 0; i < e.length; i++) {
                        document.createElement(e[i]);
                }
            </script>
        <![endif]-->
        
    </head>
    <body>
        <div id="header">
            <div class="nav_menu">
                <nav>
                    <a href="index.xhtml">Моя страница</a>
                    <a href="notes.xhtml">Заметки</a>
                    <a href="#">Чужие цели</a>
                    <a href="login.xhtml">Выход</a>
                </nav>
                <a href="index.xhtml"><div class="logo"></div></a>
            </div>
        </div>
        <div id="main">

            <div id="left_bar">
                <div class="avatar">
                    
                    <div id="upload_av">
                        <div class="qq-uploader">
                            <div class="qq-upload-drop-area">
                                <span><a href="#">Выберите файл</a></span>
                            </div>
                            <div class="qq-upload-button">
                                <div></div>
                                <input multiple="multiple" type="file" name="file" />
                            </div>
                            <span></span>
                            <span class="qq-drop-processing">
                                <span></span>
                                <span class="qq-drop-processing-spinner"></span>
                            </span>
                            <ul class="qq-uploading-list">
                                <li></li>
                            </ul>
                        </div>
                    </div>
                    <img src="img/avatar.jpg" alt="Аватарка" />
                </div>
                <div class="user_rewards">
                    <div class="user_rewards_header">
                        Награды
                    </div>
                    <div class="user_rewards_body">
                        <br/>
                        Здесь отображаются награды
                        <br/><br/>
                    </div>
                </div>
                <div class="user_contacts" id="user_contacts">
                    <div class="user_contacts_header">
                        Контактные данные
                        <div id="edite_profile">
                            <a href="#">
                                <div class="edite_profile" title="Редактировать профиль"></div>
                            </a>
                        </div>
                    </div>
                    <div class="user_contacts_body">
                        <div class="user_contacts_name"><a href="#">Имя "Nick" Фамилия</a></div>
                        <div class="user_contacts_string">
                            <div class="ucs_1">Дата рождения</div>
                            <div class="ucs_2">16.03.1985г.</div>
                        </div>
                        <div class="user_contacts_string">
                            <div class="ucs_1">Родной город</div>
                            <div class="ucs_2">Мухосранск</div>
                        </div>
                        <div class="user_contacts_string">
                            <div class="ucs_1">Адрес</div>
                            <div class="ucs_2">ул. Пендельсона</div>
                        </div>
                        <div class="user_contacts_string">
                            <div class="ucs_1">Телефон</div>
                            <div class="ucs_2">мобильный</div>
                        </div>
                        <div class="user_contacts_string">
                            <div class="ucs_1">skype</div>
                            <div class="ucs_2">бесплатный</div>
                        </div>
                        <div class="user_contacts_string">
                            <div class="ucs_1">увлечения</div>
                            <div class="ucs_2">книги, фильмы, музыка, шахматы, логические игры, и многое другое</div>
                        </div>
                    </div>
                </div>
            </div>

            <div id="right_bar">
                <a href="#" style="text-decoration: none"><div class="project_news">
                    Новости Ilegend &#160;<span class="project_news_number">15</span>
                    <!-- Важно!!! при отсутствии новостей, <span class="project_news_number"></span> не выводится вообще!!! -->
                </div></a>
                <div class="events">
                    <div class="events_header">
                        События
                    </div>
                    <div class="events_body">
                        <a href="#"><div class="events_body_string"><div class="event_icon_message"></div>Сообщения &#160;<span class="events_number">15</span></div></a>
                        <a href="#"><div class="events_body_string"><div class="event_icon_friend"></div>Друзья &#160;<span class="events_number">3</span></div></a>
                        <a href="#"><div class="events_body_string"><div class="event_icon_photo"></div>Фотографии &#160;<span class="events_number">1</span></div></a>
                        <a href="#"><div class="events_body_string"><div class="event_icon_video"></div>Видеозаписи &#160;<span class="events_number">5</span></div></a>
                        <a href="#"><div class="events_body_string"><div class="event_icon_setting"></div>Настроики</div></a>
                    </div>
                </div>
                <div class="friends">
                    <a href="#">
                        <div class="friends_header">
                            Друзья
                        </div>
                    </a>
                    <div class="friends_body">
                        <div class="friends_body_string">
                            <a href="#"><div class="friends_avatar_thumb"><img src="img/2.jpg" title="Петя Васечкин" alt="" /></div>
                            <div class="friend_name">Петя Васечкин</div></a>
                            <div class="friends_news"><a href="#">2</a></div>
                        </div>
                        <div class="friends_body_string">
                            <a href="#"><div class="friends_avatar_thumb"><img src="img/asw.jpg" title="Друг" alt="" /></div>
                            <div class="friend_name">Петя Васечкин</div></a>
                            <div class="friends_news"><a href="#">2</a></div>
                        </div>
                        <div class="friends_body_string">
                            <a href="#"><div class="friends_avatar_thumb"><img src="img/xren.jpeg" title="Хер Моржевый" alt="" /></div>
                            <div class="friend_name">Петя Васечкин</div></a>
                            <div class="friends_news"><a href="#">2</a></div>
                        </div>
                        <div class="friends_body_string">
                            <a href="#"><div class="friends_avatar_thumb"><img src="img/shar_0_0.jpeg" title="Arnold Schwarzenegger" alt="" /></div>
                            <div class="friend_name">Петя Васечкин</div></a>
                            <div class="friends_news"><a href="#">2</a></div>
                        </div>
                    </div>
                </div>
            </div>
        
            <div id="content">
                <div id="profile_name">
                    <span class="profile_name">Александр <span class="profile_nickname">"skorpio"</span> Мокрушин</span>
                    <span class="net_status"><span class="net_status_style">Online</span></span>
                </div>
                <div class="my_goal">
                    <a href="#" onclick="showBlock('my_goal_body');">
                        <div class="my_goal_header" id="my_goal_header">
                        Мои цели
                        </div>
                    </a>
                    <div class="my_goal_body" id="my_goal_body">
                        <div class="my_goal_string">
                            <div class="goal_date">
                                <div>Вызов принят</div>
                                <div>09.02.2013г.</div>
                                <div>Осталось</div>
                                <div>24 дня(ей)</div>
                            </div>
                            <div class="goal_name">Название цели
                                <div>Запустить сайт iLegend в марте</div>
                            </div>
                            <div class="goal_category">Категория
                                <div>Важное!!!</div>
                            </div>
                            <div class="goal_spectator">
                                <span class="goal_spectator_number" title="За этой целью следят 12 пользователей">12</span>
                            </div>
                            <div class="edite_keys_blok">
                                <a href="#">
                                    <div class="delete_goal" title="Удалить эту цель"></div>
                                </a>
                                <a href="#">
                                    <div class="edite_goal" title="Редактировать эту цель"></div>
                                </a>
                                <a href="my_goal.xhtml">
                                    <div class="view_goal" title="Просмотр цели"></div>
                                </a>
                            </div>
                        </div>
                        <div class="my_goal_string">
                            <div class="goal_date">
                                <div>Вызов принят</div>
                                <div>09.02.2013г.</div>
                                <div>Осталось</div>
                                <div>24 дня(ей)</div>
                            </div>
                            <div class="goal_name">Название цели
                                <div>Запустить сайт iLegend в марте</div>
                            </div>
                            <div class="goal_category">Категория
                                <div>Важное!!!</div>
                            </div>
                            <div class="goal_spectator">
                                <span class="goal_spectator_number" title="За этой целью следят 12 пользователей">12</span>
                            </div>
                            <div class="edite_keys_blok">
                                <a href="#">
                                    <div class="delete_goal" title="Удалить эту цель"></div>
                                </a>
                                <a href="#">
                                    <div class="edite_goal" title="Редактировать эту цель"></div>
                                </a>
                                <a href="my_goal.xhtml">
                                    <div class="view_goal" title="Просмотр цели"></div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="freez_goal">
                    <a href="#" onclick="showBlock('freez_goal_body');">
                        <div class="freez_goal_header" id="freez_goal_header" style="border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;">
                        Замороженные цели
                        </div>
                    </a>
                    <div class="freez_goal_body" id="freez_goal_body" style="display: none">
                        <div class="my_goal_string">
                            <div class="goal_date">
                                <div>Вызов принят</div>
                                <div>09.02.2013г.</div>
                                <div>Цель заморожена</div>
                                <div>20.02.2013г</div>
                            </div>
                            <div class="goal_name">Название цели
                                <div>Запустить сайт iLegend в марте</div>
                            </div>
                            <div class="goal_category">Категория
                                <div>Важное!!!</div>
                            </div>
                            <div class="goal_spectator">
                                <span class="goal_spectator_number" title="За этой целью следят 12 пользователей">12</span>
                            </div>
                            <div class="edite_keys_blok">
                                <a href="#">
                                    <div class="delete_goal" title="Удалить эту цель"></div>
                                </a>
                                <a href="#">
                                    <div class="edite_goal" title="Редактировать эту цель"></div>
                                </a>
                                <a href="my_goal.xhtml">
                                    <div class="view_goal" title="Просмотр цели"></div>
                                </a>
                            </div>
                        </div>
                        <div class="my_goal_string">
                            <div class="goal_date">
                                <div>Вызов принят</div>
                                <div>09.02.2013г.</div>
                                <div>Цель заморожена</div>
                                <div>20.02.2013г</div>
                            </div>
                            <div class="goal_name">Название цели
                                <div>Запустить сайт iLegend в марте</div>
                            </div>
                            <div class="goal_category">Категория
                                <div>Важное!!!</div>
                            </div>
                            <div class="goal_spectator">
                                <span class="goal_spectator_number" title="За этой целью следят 12 пользователей">12</span>
                            </div>
                            <div class="edite_keys_blok">
                                <a href="#">
                                    <div class="delete_goal" title="Удалить эту цель"></div>
                                </a>
                                <a href="#">
                                    <div class="edite_goal" title="Редактировать эту цель"></div>
                                </a>
                                <a href="my_goal.xhtml">
                                    <div class="view_goal" title="Просмотр цели"></div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="reached_goal">
                    <a href="#" onclick="showBlock('reached_goal_body');">
                        <div class="reached_goal_header" id="reached_goal_header">
                        Достигнутые цели
                        </div>
                    </a>
                    <div class="reached_goal_body" id="reached_goal_body">
                        <div class="my_goal_string">
                            <div class="goal_date">
                                <div>Вызов принят</div>
                                <div>09.02.2013г.</div>
                                <div>Цель достигнута</div>
                                <div>01.03.2013г</div>
                            </div>
                            <div class="goal_name">Название цели
                                <div>Запустить сайт iLegend в марте</div>
                            </div>
                            <div class="goal_category">Категория
                                <div>Важное!!!</div>
                            </div>
                            <div class="goal_spectator">
                                <span class="goal_spectator_number" title="За этой целью следят 12 пользователей">12</span>
                            </div>
                            <div class="edite_keys_blok">
                                <a href="#">
                                    <div class="delete_goal" title="Удалить эту цель"></div>
                                </a>
                                <a href="#">
                                    <div class="edite_goal" title="Редактировать эту цель"></div>
                                </a>
                                <a href="my_goal.xhtml">
                                    <div class="view_goal" title="Просмотр цели"></div>
                                </a>
                            </div>
                        </div>
                        <div class="my_goal_string">
                            <div class="goal_date">
                                <div>Вызов принят</div>
                                <div>09.02.2013г.</div>
                                <div>Цель достигнута</div>
                                <div>01.03.2013г</div>
                            </div>
                            <div class="goal_name">Название цели
                                <div>Запустить сайт iLegend в марте</div>
                            </div>
                            <div class="goal_category">Категория
                                <div>Важное!!!</div>
                            </div>
                            <div class="goal_spectator">
                                <span class="goal_spectator_number" title="За этой целью следят 12 пользователей">12</span>
                            </div>
                            <div class="edite_keys_blok">
                                <a href="#">
                                    <div class="delete_goal" title="Удалить эту цель"></div>
                                </a>
                                <a href="#">
                                    <div class="edite_goal" title="Редактировать эту цель"></div>
                                </a>
                                <a href="my_goal.xhtml">
                                    <div class="view_goal" title="Просмотр цели"></div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                
                <script>
                    function showWind(id) {
                        if (document.getElementById(id).style.display === 'block'){
                            document.getElementById(id).style.display = 'none';
                        } else {
                            document.getElementById(id).style.display = 'block';
                        }	
                    }
                </script>
                
                <div>
                    <a href="#" onclick="showWind('popup_window');">Добавить</a>
                </div>
                
            </div>
            
        </div>  
        <div id="footer">
            <p class="footer_link">
                <a href="#" target="_blank">О сайте</a>
                <a href="#" target="_blank">Условия использования</a>
                <a href="#" target="_blank">Политика конфиденциальности</a>
                <a href="#" target="_blank">Помощь</a>
            </p>
            <p class="footer_link">
                <a href="#">Русский</a>
                <a href="#">English</a>
            </p>
        </div>
        <div class="popup_window" id="popup_window" onclick="showWind('popup_window');">
            <div class="wrapper">
                <img src="img/avatar.jpg" />
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                </p>
                <p>
                    Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.
                </p>
                <p>
                    Fusce convallis, mauris imperdiet gravida bibendum, nisl turpis suscipit mauris, sed placerat ipsum urna sed risus. In convallis tellus a mauris. Curabitur non elit ut libero tristique sodales. Mauris a lacus. Donec mattis semper leo. In hac habitasse platea dictumst. Vivamus facilisis diam at odio. Mauris dictum, nisi eget consequat elementum, lacus ligula molestie metus, non feugiat orci magna ac sem. Donec turpis. Donec vitae metus. Morbi tristique neque eu mauris. Quisque gravida ipsum non sapien. Proin turpis lacus, scelerisque vitae, elementum at, lobortis ac, quam. Aliquam dictum eleifend risus. In hac habitasse platea dictumst. Etiam sit amet diam. Suspendisse odio. Suspendisse nunc. In semper bibendum libero.
                </p>
                <p>
                    Proin nonummy, lacus eget pulvinar lacinia, pede felis dignissim leo, vitae tristique magna lacus sit amet eros. Nullam ornare. Praesent odio ligula, dapibus sed, tincidunt eget, dictum ac, nibh. Nam quis lacus. Nunc eleifend molestie velit. Morbi lobortis quam eu velit. Donec euismod vestibulum massa. Donec non lectus. Aliquam commodo lacus sit amet nulla. Cras dignissim elit et augue. Nullam non diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In hac habitasse platea dictumst. Aenean vestibulum. Sed lobortis elit quis lectus. Nunc sed lacus at augue bibendum dapibus.
                </p>

            </div>
        </div>
    </body>
</html>
